<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/index.js"></script>
</head>
<body>
    <div class="car">
        <h3>全部商品</h3>
        <table cellspacing="0">
            <thead>
                <tr>
                    <th><input type="checkbox" name="" id=""  class="all-first"><span>全选</span></th>
                    <th>商品</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr class="bg">
                    <td><input type="checkbox" name="" id=""  class="all" checked></td>
                    <td><img src="./image/姜子牙small.jpg" alt=""><span>王者荣耀姜子牙王者荣耀</span></td>
                    <td class="single">&yen;12.00</td>
                    <td class="num">
                        <ul>
                            <li class="sub" num="1"><i>-</i></li>
                            <li class="input"><input type="text" name="" id="" value="1"></li>
                            <li class="sum" num="1"><i>+</i></li>
                        </ul>
                    </td>
                    <td class="press">&yen;12.00</td>
                    <td class="del"><a href="javascript:;">删除</a></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" id=""  class="all"></td>
                    <td><img src="./image/张飞small.jpg" alt=""><span>王者荣耀张飞王者荣耀</span></td>
                    <td class="single">&yen;12.00</td>
                    <td class="num">
                        <ul>
                            <li class="sub" num="1"><i>-</i></li>
                            <li class="input"><input type="text" name="" id="" value="1"></li>
                            <li class="sum" num="1"><i>+</i></li>
                        </ul>
                    </td>
                    <td class="press">&yen;12.00</td>
                    <td class="del"><a href="javascript:;">删除</a></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" id=""  class="all"></td>
                    <td><img src="./image/成吉思汗small.jpg" alt=""><span>王者荣耀成吉思汗王者荣耀</span></td>
                    <td class="single">&yen;12.00</td>
                    <td class="num">
                        <ul>
                            <li class="sub" num="1"><i>-</i></li>
                            <li class="input"><input type="text" name="" id="" value="1"></li>
                            <li class="sum" num="1"><i>+</i></li>
                        </ul>
                    </td>
                    <td class="press">&yen;12.00</td>
                    <td class="del"><a href="javascript:;">删除</a></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" id=""  class="all"></td>
                    <td><img src="./image/拳僧small.jpg" alt=""><span>王者荣耀拳僧王者荣耀</span></td>
                    <td class="single">&yen;12.30</td>
                    <td class="num">
                        <ul>
                            <li class="sub" num="1"><i>-</i></li>
                            <li class="input"><input type="text" name="" id="" value="1"></li>
                            <li class="sum" num="1"><i class="sum">+</i></li>
                        </ul>
                    </td>
                    <td class="press">&yen;12.30</td>
                    <td class="del"><a href="javascript:;">删除</a></td>
                </tr> 
            </tbody>

        </table>
        <!-- 最后一行-->
        <div class="last">
            <ul>
                <li><input type="checkbox" name="" id=""  class="all-first"><span>全选</span></li>
                <li class="foot-del"><a href="javascript:;">删除选中的商品</a></li>
                <li class="del-all"><a href="javascript:;">清理购物车</a></li>
                <li><button>去结算</button></li>
                <li>总价：<span class="mon">&yen12.00</span></li>
                <li>已经选<b>1</b>个商品</td></li>
            </ul>   
        </div>
    </div>
</body>
</html>